.clearfix:after{ content: ""; clear: both; visibility: hidden; display: block; height: 0;}
.clearfix{ zoom: 1;}



.header_bg,.nav_bg{ width: 1366px; margin: 0 auto;}
.header_158 .logo{ margin: 28px 0; float: left;}
.header_158 .phone{ margin: 34px 0; float: right; background: url("/images/phone.png") no-repeat; background-position: 0 6px; padding: 0 0 0 60px;}
.header_158 .phone span{ color: #004baa; font-size: 24px; font-weight: bold;}

.nav_158{ background: #004baa; width: 100%; line-height: 54px;}
.nav_158 li{ float: left; width:12.5%; text-align: center;}
.nav_158 li a{ color: #fff; display:block;}
.nav_158 li:hover{ background: #003d8a;}
.nav_158 li.active:hover{ background: #003d8a;}




/*侧边*/
.cebian{ position:fixed; bottom:30%; right:0; z-index:999;}
.cebian>div{ width:72px; height:72px; position:relative; margin:5px 0; background:#004baa;}
.cebian>div span{ background: url(/images/fixcont.png) no-repeat; width:48px; height:48px; margin:0 auto; display:block;}
.cebian>div .one p{ font-size:12px; text-align:center; color:#fff;}
.cebian>div .two{ background:#004baa; width:140px; height:72px; position:absolute; right:-140px; top:0; color:#fff; text-align:center; line-height:72px; transition:1s; font-size:14px;}

.cebian>div.box_a a{ display:block;}
.cebian>div.box_a span{  background-position: 0 0;}
.cebian>div:nth-child(1) .two { width: 200px;right: -200px;}
.cebian>div:nth-child(1) .two p{    font-size: 20px; line-height: 72px;    padding: 0 20px;}

.cebian>div.box_b span{   background-position: -48px 0;}
.cebian>div.box_b .two{ background:#fff;}
.cebian>div.box_b:hover .one{ display:block;}
.cebian>div.box_b:hover .two{ right:78px; height:140px;}
.cebian>div.box_b .two img{ width:140px; height:140px;}

.cebian>div.box_c span{   background-position: -96px 0;}
.cebian>div.box_c .two{ background:#fff;}
.cebian>div.box_c:hover .one{ display:block;}
.cebian>div.box_c:hover .two{ right:78px; height:140px;}
.cebian>div.box_c .two img{ width:140px; height:140px; }

.cebian>div.box_d span{ background-position: -96px 0;}
.cebian>div.box_d:hover .one{ display:block;}

.cebian>div:hover{cursor: pointer;}
.cebian>div:hover .one{ display:none;}
.cebian>div:hover .two{ right:0;}



/*轮播图*/
#mould81456 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right: 50px!important;}
#mould81456 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left: 50px!important;}
#mould81456 .swiper-pagination-bullet{ background: #fff; opacity: 1;}
#mould81456 .swiper-pagination-bullet-active{ width: 30px!important;}


.width_1366{ width:1366px; margin:0 auto;}
.title_a{ text-align:center; margin:60px 0 48px 0;}
.title_a h2{ font-size:34px; line-height:34px; font-weight:bold;}
.title_a p{ font-size:22px; line-height:22px; font-family: arial; text-transform: uppercase; margin-top:10px;}

.fangan ul{ margin-bottom:64px;}
.fangan li{ width:30.8%; float:left; margin-right:3.8%; position:relative; overflow:hidden;}
.fangan li:last-child{ margin-right:0;}
.fangan li img{ width:100%; height:100%;}
.fangan li h2{ background: rgba(0,0,0,0.5); line-height:64px; position:absolute; bottom:0; left:0; width:100%; color:#fff; font-size:24px; text-align:center;}
.fangan li:hover h2{ display:none;}
.fangan li div{ width:100%; height:100%; position:absolute; bottom:-100%; left:0; color:#fff; text-align:center; background: rgba(0,0,0,0.5); transition:.5s; padding:36px; box-sizing:border-box;}
.fangan li:hover div{ bottom:0;}
.fangan li div h3{ font-size:24px; padding-top:48px;}
.fangan li div h4{ font-size:28px; font-weight:bold; padding:100px 0 24px 0;}
.fangan li div p{ line-height:28px;}
.fangan li div a{ width:120px; height:40px; line-height:40px; background:#fff; color:#333; display:block; margin:48px auto 0 auto;}
.fangan li div a:hover{ color:#004baa;}



/*简介*/
#mould71042{background-image:url("/images/about_bg.jpg");background-repeat:no-repeat;background-position:center;width:100%; background-attachment: fixed;}
#mould71042>div{min-height:660px;}
.about_a{ width:1360px; margin:0 auto;}
.about_a h2{ font-size:36px; line-height:36px; font-family:arial; color:#fff; text-transform: uppercase; margin:100px 0 15px 0;}
.about_a h3{ font-size:30px; line-height:30px; color:#fff; margin-bottom:60px;}
.about_a p{ width:900px; line-height:30px; color:#fff; text-indent:2em;}
.about_a a{ line-height: 40px; width: 120px; text-align: center; display: block; margin-top: 30px; transition: 1s; border-radius: 4px; border:1px solid #fff; color:#fff;}
.about_a a:hover{ background:#fff; color:#086bd1;}
#mould71042{ position:relative;}
#mould71042 .about_b{ position:absolute; bottom:0; width:100%; background:rgba(0,0,0,0.25);}
.about_b ul{ width:1360px; margin:0 auto;}
.about_b li{ float:left; width:25%; border-right:1px solid rgba(255,255,255,0.2); box-sizing:border-box; text-align: center;}
.about_b li:first-child{ border-left:1px solid rgba(255,255,255,0.2); box-sizing:border-box;}
.about_b li a{ color:#fff; margin:37px 0; display:inline-block;}
.about_b li span{ width:48px; height:40px; background:url(/images/btn-a.png) no-repeat; display:inline-block; float:left; margin-top: 1px;}
.about_b li:nth-child(2) span{ background-position: -58px 0;}
.about_b li:nth-child(3) span{ background-position: -112px 0;}
.about_b li:nth-child(4) span{ background-position: -174px 0;}
.about_b li div{ float:left; font-size:20px; line-height:20px; box-sizing:border-box; padding-left:15px;}
.about_b li:nth-child(3) div{ margin-left:12px;}
.about_b li div p{ font-size:14px; line-height:14px; margin-top:8px; text-align: left;}












/*服务流程*/
.fuwu{ margin-bottom:64px;}
.fw_center .left{ float:left; width:52%;}
.fw_center .left h2{ font-size:24px; line-height:24px; font-weight:bold;}
.fw_center .left h3{ font-size:18px; line-height:18px; margin:12px 0 48px 0;}
.fw_center .left li{ float:left; margin-right: 70px;}
.fw_center .left li:nth-child(4n){ margin-right:0;}
.fw_center .left li span{ display:block; width:120px; height:120px; border:2px solid #003d8a; box-sizing:border-box; border-radius:18px; background:url(/images/icon.png) no-repeat;}
.fw_center .left li:nth-child(2) span{ background-position:-120px 0;}
.fw_center .left li:nth-child(3) span{ background-position:-240px 0;}
.fw_center .left li:nth-child(4) span{ background-position:-360px 0;}
.fw_center .left li:nth-child(5) span{ background-position:-480px 0;}
.fw_center .left li:nth-child(6) span{ background-position:-600px 0;}
.fw_center .left li:nth-child(7) span{ background-position:-720px 0;}
.fw_center .left li:nth-child(8) span{ background-position:-840px 0;}
.fw_center .left li p{ text-align:center; font-size:18px; margin:10px 0 24px 0;}
.fw_center .left li:hover span{ background:#003d8a url(/images/icon.png) no-repeat;}
.fw_center .left li:nth-child(1):hover span{ background-position:0 -120px;}
.fw_center .left li:nth-child(2):hover span{ background-position:-120px -120px;}
.fw_center .left li:nth-child(3):hover span{ background-position:-240px -120px;}
.fw_center .left li:nth-child(4):hover span{ background-position:-360px -120px;}
.fw_center .left li:nth-child(5):hover span{ background-position:-480px -120px;}
.fw_center .left li:nth-child(6):hover span{ background-position:-600px -120px;}
.fw_center .left li:nth-child(7):hover span{ background-position:-720px -120px;}
.fw_center .left li:nth-child(8):hover span{ background-position:-840px -120px;}

.fw_center .right{ float:right; width:40%; background:#004baa; padding:40px; box-sizing:border-box;}
.fw_center .right h2{ font-size:24px; line-height:24px; font-weight:bold; text-align:center; color:#fff; margin-bottom:36px;}
.fw_center .right input{ width:100%; line-height:48px; height:48px; font-size:16px; padding: 4px 12px; box-sizing:border-box; border:none; margin-bottom:20px;}
.fw_center .right textarea{ height: 120px; width:100%; border:none; padding:12px; box-sizing:border-box;}
.fw_center .right a{ margin-top:20px; color:#fff; display:block; width:100%; background:#eeb239; text-align:center; line-height:48px;} 



/*优势*/
.youshi{ background:#f5f5f5; padding:1px 0 80px 0;}
.youshi ul{ background:#fff; box-shadow: 0 0 15px rgb(0 0 0 / 5%);}
.youshi li .left{ width:50%; float:left; padding:48px 48px 0 48px; box-sizing:border-box;}
.youshi li .left span{ color:#004baa; font-family: arial; text-transform: uppercase; font-size:48px; line-height:48px; font-weight:bold;}
.youshi li .left h3{ font-size:24px; line-height:24px; font-weight:bold; margin:10px 0 16px 0;}
.youshi li .right{ width:50%; float:right; overflow:hidden;}
.youshi li .right img{ width:100%; height:100%; transition:.5s;}
.youshi li .right:hover img{ transform:scale(1.1);}
.youshi li:nth-child(even) .left{ float:right;}
.youshi li:nth-child(even) .right{ float:left;}
.youshi li:nth-child(odd) .left{ text-align:right;}



.guodu{ background: url(/images/guodu.jpg) no-repeat; width:100%; padding:80px 0;}
.guodu h2{ font-size:36px; line-height:36px; font-weight:bold; color:#fff; text-align:center;}
.guodu p{ width:360px; height:48px; background:#fff; color:#004baa; margin:0 auto; font-weight:bold; font-size:24px; line-height:48px; text-align:center; margin-top:36px;}


.anli .swiper-slide{ position:relative; height:auto;}
.anli .swiper-slide a{ display:block;}
.anli .swiper-slide img{ width:100%; height:100%;}
.anli .swiper-slide p{ position:absolute; bottom:0; left:0; width:100%; background:rgba(0,0,0,0.25); color:#fff; text-align:center; line-height:40px;}
.slider1 .swiper-button-next{ background: url(/images/wm_button_icon.png) no-repeat; background-size: 100%; transform: rotate(180deg);}
.slider1 .swiper-button-prev{ background: url(/images/wm_button_icon.png) no-repeat; background-size: 100%;}
.slider1 .swiper-button-next:hover{ background-position: 0 -47px; transform: rotate(180deg);}

/*新闻*/
.news_a{ background:#f5f5f5; padding:1px 0 80px 0;}
.news_a .width_1366>div{ width:31%; float:left; margin-right:3.5%;}
.news_a .width_1366 div:last-child{ margin-right:0;}
.news_a .width_1366 div h2{ font-size:20px; line-height:28px; font-weight:bold; border-bottom:1px solid #e5e5e5;padding-bottom:12px; margin-bottom:20px;}
.news_a .width_1366 div h2 span{ width:28px; height:28px; display:block; background: url(/images/icon.png) no-repeat; background-position:0 -240px; float:left; margin-right:12px;}
.news_a .width_1366 div .img_box_a{ margin-bottom:10px; overflow:hidden; width:100%; overflow:hidden;}
.news_a .width_1366 div .img_box_a img{ width:100%; height:100%; transition:.5s;}
.news_a .width_1366 div .img_box_a:hover img{ transform:scale(1.1);}
.news_a .width_1366 div.news_a2 h2 span{ background-position:-36px -240px;}
.news_a .width_1366 div li h3{ width:70%; float:left; line-height:32px;}
.news_a .width_1366 div li span{ float:right; line-height:30px; display:block;}
.news_a .width_1366 div li a:hover{ color:#004baa;}


.news_a2 .swiper-container{ height: 480px; margin-top: 20px;}
.news_a2 .swiper-container .swiper-wrapper{
    -webkit-transition-timing-function: linear; /*之前是ease-out*/
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}
.news_a2 .swiper-slide{ height: auto !important; margin-bottom: 20px !important;}
.news_a2 .swiper-slide h3{ line-height: inherit; color: #333; margin-bottom: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news_a2 .swiper-slide span{ font-size: 14px; display: inline-block; width: 20px; height: 20px; border-radius: 3px; color: #fff; background: #30b119; text-align: center; line-height: 20px; font-family: Arial; margin-right: 10px;}
.news_a2 .swiper-slide p{ font-size: 14px; line-height: 24px; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.news_a2 .swiper-slide p span{ background: #666;}



/*底部*/
footer{ background:#333; padding:50px 0;}
footer .right{ width:100%; float:right;}
footer .right ul{ border-bottom:1px solid rgba(255,255,255,0.1); margin-bottom:40px;}
footer .right li{ float:left; width:12.5%; margin:24px 0;}
footer .right li a{ color:#fff; line-height:16px; display:block; text-align:center; position:relative;}
footer .right li a:after{ content:""; height:16px; width:2px; background:#fff; position:absolute; right:0; top:0;}
footer .right li:last-child a:after{ display:none;}
footer .right .lianxi{ float:left; width:60%;}
footer .right .lianxi p{ line-height:48px; color:#fff; font-size:17px;}
.erweima h2{ width:130px; height:130px; color:#fff; text-align:center;}
.width_1360{ width:1366px;}
.copy{ background:#333;}
.copy_bg{ width:1366px; margin:0 auto; border-top:1px solid rgba(255,255,255,0.2);}
.copy_bg p{ float:left; color:#fff; line-height:48px;}
.copy_bg p:last-child{ float:right;}
.copy_bg p a{ color:#fff;}
footer .right .lianxi p span{font-size: 22px;font-weight: bold;}


@media screen and (min-width:1440px) and (max-width:1680px){  
  .header_bg, .nav_bg{ width:92%;}
  .width_1366,.about_a{ width:92%;}
  .fw_center .left li{ margin-right: 68px;}
}

@media screen and (min-width:1360px) and (max-width:1439px){ 
  .header_bg, .nav_bg{ width:92%;}
  .width_1366,.about_a,.width_1360,.copy_bg{ width:92%;}
  .fw_center .left li{ margin-right: 54px;}
  .news_a2 .swiper-container1 .tempWrap{ height:452px!important;}
}